<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>export导入导出</title>
</head>
<style>
    body {
        background-color: #000;
        color: orange;
        text-align: center;
        line-height: 100%;
        font-size: 30px;
        font-weight: 700;


    }
</style>

<body>
    <div>export导入导出</div>
</body>

<script type="module">
    import * as dd from './2.js'//全部导出重新命名
    import { c, addss, ccs as aaa } from './3.js'//按需导入

    dd.s(2)//使用//全部导出重新命名
    dd.a('000')//全部导出重新命名
    c('按需导入')//按需导入
    addss.addclsaa('对象方式导出1')//对象方式导入
    addss.addclsaas('对象方式导出2')//对象方式导入as重命名
    aaa("es6箭头函数方式导出")
/* defer与async的区别是：defer要等到整个
    页面在内存中正常渲染结束（DOM 结构完全生成，
    以及其他脚本执行完成），才会执行；async一旦
    下载完，渲染引擎就会中断渲染，执行这个脚本以
    后，再继续渲染。一句话，defer是“渲染完再执行”，
    async是“下载完就执行”。另外，如果有多个defer脚本
    ，会按照它们在页面出现的顺序加载，而多个async脚本
    是不能保证加载顺序的。 */

</script>

</html>